<template>
  <h1 class="dl">用户登陆</h1>
  <el-input class="input" v-model="account" placeholder="请输入账号" />
  <el-input class="input" v-model="password" placeholder="请输入密码" />
  <el-button type="primary" class="input" @click="login">登陆</el-button>
  <router-link to="register" class="a-hef">没有账号?点我注册</router-link>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import router from '../../../router';

let account = ref('');
let password = ref('');
const login = () => {
  localStorage.setItem('login_token', 'abc');
  router.push('/');
};
</script>

<style scoped>
.input {
  margin-top: 30px;
  width: 500px;
  height: 50px;
  font-size: 20px;
}
.dl {
  margin-top: 130px;
  width: 500px;
  height: 50px;
  display: flex;
  justify-content: center;
  font-size: 300%;
}
.button {
  display: flex;
  margin-top: 30px;
  width: 500px;
  height: 50px;
  justify-content: center;
}
.a-hef {
  margin-top: 15px;
  font-size: 20px;
}
</style>
